<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
	.rightwrap {width: 800px; height: 800px; text-align: center; margin: 50px auto; float: none;}
	#titleArea {width: 800px; height: 50px;}
	#titleArea span {width: 70px; }
	#titleArea input {width: 720px; }
	
	#contentsArea {width: 800px; height: 300px;}
	
	#attachArea {width: 800px;}
	#attachForm {width: 500px; float: none; margin: 0 auto;}
	#attachForm > input:FIRST-CHILD {width: 500px; }
	#attachForm > select {width: 450px; height: 60px;}
	#btnAttach {float: right;}
	#bottom {width: 150px; float: none; margin: 0 auto;}
	#bottom input:FIRST-CHILD {margin-right: 50px;}
	
</style>

<script type="text/javascript">
	function registerNotice(){
		$('#contentsForm').submit();
	}
</script>

<title>Insert title here</title>
</head>
<body>
	<div class="rightwrap">
		<form method="post" id="contentsForm" action="/notice/noticeRegProc.think">
			<div id="titleArea">
				<span><b>Title</b></span>
				<input type="text" id="title" name="title">
			</div>
			<div id="contentsArea">
				<textarea name="contents" rows="13" cols="95"></textarea>
			</div>
		</form>
		<div id="attachArea">
			<form id="attachForm" onsubmit="" method="post">
				<input type="file" name="attach1" id="attach1">
				<select multiple="multiple">
					<option>첨부파일1</option>
					<option>첨부파일2</option>
					<option>첨부파일3</option>
				</select>
				<input type="button" id="btnAttach" value="첨부">
			</form>
		</div>
		
		<div id="bottom">
			<input type="submit" value="등록" onclick="registerNotice();">
			<input type="reset" value="취소">
		</div>
		
	</div>
</body>
</html>